<div class="network-display__request is-open">
    <section class="network-display__request-details--single">
        <div class="detail-field">

            <h4 class="detail-field__title flex-distribute">
                <span>{{src}}:{{sport}}</span>
                <i class="fa fa-long-arrow-right"></i>
                <span>{{dst}}:{{dport}}</span>
            </h4>

            <header class="detail-field__header with-tabs">
                <i class="fa fa-file-o"></i>
                <div class="flex-tabs__tabs">
                    <div class="flex-tabs__tab tab-output">
                        <a href="output:plaintext" class="btn btn-sm">plaintext</a>
                        <a href="output:hex" class="btn btn-sm active">hex</a>
                    </div>
                    <div class="flex-tabs__tab tab-mode">
                        <a href="mode:16" class="btn btn-sm active">16 bytes</a>
                        <a href="mode:32" class="btn btn-sm">32 bytes</a>
                        <a href="mode:48" class="btn btn-sm">48 bytes</a>
                        <a href="mode:64" class="btn btn-sm">64 bytes</a>
                    </div>
                </div>
            </header>

            <section class="detail-field__body"><pre data-draw="source"></pre></section>

        </div>
    </section>
</div>